#tblTodo {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  empty-cells: show;
  border: 0;
}
#tblTodo th,
#tblTodo td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-left: dotted 1px gray;
  border-bottom: dotted 1px gray;
  font-family: consolas, simsun;
  font-size: 11pt;
  padding: 4px;
}
#tblTodo th:first-child,
#tblTodo td:first-child {
  border-left: 0;
}
#tblTodo .empty-indicator td {
  text-align: center;
  color: gray;
  font-style: italic;
}
#tblTodo tr.todo-yellow {
  background-color: #fafad2;
}
#tblTodo tr.todo-red {
  background-color: #f2dede;
}
#tblTodo tr.todo-green {
  background-color: #dff0d8;
}
#tblTodo tr.todo-blue {
  background-color: #c4e3f3;
}
#tblTodo tr.todo-cyan {
  background-color: #e0ffff;
}
#tblTodo tr.todo-gray {
  background-color: #f9f9f9;
}
#tblTodo tr.flashing0 {
  background-color: #00ffff;
}
#tblTodo tr.flashing1 {
  background-color: yellow;
}
/**/
.node.checked .progress {
  background-color: #dcdcdc;
}
.node.checked .progressBar {
  border-color: silver;
}
/*colors*/
.todo-yellow {
  background-color: #fafad2;
}
.todo-red {
  background-color: #f2dede;
}
.todo-green {
  background-color: #dff0d8;
}
.todo-blue {
  background-color: #c4e3f3;
}
.todo-cyan {
  background-color: #e0ffff;
}
.todo-gray {
  background-color: #f9f9f9;
}
/**/
span.markers {
  margin: 0 2px 0 2px;
}
span.markers img {
  vertical-align: top;
  margin-top: 3px;
  margin-right: 1px;
}
span.markers img.priority {
  margin: 2px 3px 0 1px;
}
/**/
div.selectBox {
  border: dotted 1px black;
  position: absolute;
  z-index: 999;
  cursor: default;
}
div.indent-wrapper {
  float: left;
  height: 0;
  position: relative;
  width: 0;
  overflow: visible;
}
div.indent {
  top: -4px;
  position: absolute;
}
/************************  printing ************************/
/*@media print, screen {*/
@media print {
  #tblTodo {
    border: dotted 1px gray;
    width: 100% !important;
    table-layout: auto;
    page-break-inside: auto;
  }
  #tblTodo tr {
    page-break-inside: avoid;
    page-break-before: auto;
    page-break-after: auto;
    overflow: hidden;
  }
  #tblTodo tr.hidden {
    display: table-row;
  }
  #tblTodo tr.root {
    display: none;
  }
  #tblTodo td {
    overflow: visible;
    overflow-y: hidden;
    vertical-align: top;
  }
  #tblTodo td.editable {
    white-space: normal;
  }
  #tblTodo td[data-due] {
    white-space: nowrap;
  }
  #tblTodo .node-content {
    overflow: visible;
    height: auto;
    white-space: normal;
  }
  #tblTodo tr.selected .node-content span.label {
    background-color: inherit !important;
    color: inherit;
  }
  #tblTodo tr.collapsed .node-button {
    background: url('../image/minus.gif') no-repeat;
  }
  #tblTodo div.indent img {
    position: absolute;
  }
  #tblTodo div.indent img:nth-child(2) {
    left: 24px;
  }
  #tblTodo div.indent img:nth-child(3) {
    left: 48px;
  }
  #tblTodo div.indent img:nth-child(4) {
    left: 72px;
  }
  #tblTodo div.indent img:nth-child(5) {
    left: 96px;
  }
}
